import { Metadata } from "next"

import { Separator } from "@/components/ui/separator"
import { SidebarNav } from "@/components/layout/sidebar-nav"

export const metadata: Metadata = {
  title: "Document Numbering Rule",
}



export default async function DocumentNumberingLayout({
  children,
  params,
}: {
  children: React.ReactNode
  params: { lng: string }
}) {
  const resolvedParams = await params
  const lng = resolvedParams.lng

  const sidebarNavItems = [
    {
      title: "Document Class 관리",
      href: `/${lng}/engineering/docu-list-rule/document-class`,
    },
    {
      title: "Code Group 정의",
      href: `/${lng}/engineering/docu-list-rule/code-groups`,
    },
    {
      title: "Combo Box 설정",
      href: `/${lng}/engineering/docu-list-rule/combo-box-settings`,
    },
    {
      title: "Number Type 관리",
      href: `/${lng}/engineering/docu-list-rule/number-types`,
    },
    {
      title: "Number Type별 설정",
      href: `/${lng}/engineering/docu-list-rule/number-type-configs`,
    },
  ]

  return (
    <>
      <div className="container py-6">
        <section className="overflow-hidden rounded-[0.5rem] border bg-background shadow">
          <div className="hidden space-y-6 p-10 pb-16 md:block">
            <div className="space-y-0.5">
              <h2 className="text-2xl font-bold tracking-tight">Document Numbering Rule (해양)</h2>
              <p className="text-muted-foreground">
              벤더 제출 문서 리스트 작성 시에 사용되는 넘버링
            </p>
            </div>
            
            <Separator className="my-6" />
            <div className="flex flex-col space-y-8 lg:flex-row lg:space-x-12 lg:space-y-0">
              <aside className="-mx-4 lg:w-1/5">
                <SidebarNav items={sidebarNavItems} />
              </aside>
              <div className="flex-1 ">{children}</div>
            </div>
          </div>
        </section>
      </div>
    </>
  )
}